<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="Author" content="Estelle">
    <meta name="Keywords" content="课设界面展示">

	<title>【Java课程设计】部分界面展示</title>

	<style type="text/css">
		body{
	        background: #ffcccc;
	        margin: 0px;
	        padding: 0px;
	        position: relative;
		}

		#container{
			margin: 0px auto;
	        width: 1050px;
	        text-align: middle;
	        background: #faebd7;
		}

		h1{
 	        display: block;
 	        background: #996666;
 	        color: #faebd7;
 	        text-decoration:none; 
        }

        img{

	        width: 800px; 
	        height: 500px;  
            overflow: hidden; 
            position: relative;
            border: 5px solid #cc9999;
            margin-bottom: 10px;

        }

	</style>
</head>
<body>
    <!--整体外层容器-->
    <div id="container">
        <!--初始界面-->
    	<div align="center">
    		<h1>主界面</h1>
    		<img src="images/p1.jpg" alt="初始界面">
    	</div>
        
        <!--注册界面-->
        <div align="center">
    		<h1>注册界面</h1>
    		<img src="images/p2.jpg" alt="注册界面">
    	</div>

    	<!--主界面-->
        <div align="center">
    		<h1>主界面</h1>
    		<img src="images/p3.jpg" alt="主界面">
    	</div>
    	<!--选座界面-->
        <div align="center">
    		<h1>选座界面</h1>
    		<img src="images/p4.jpg" alt="选座界面">
    	</div>
    </div>
    
</body>
</html>